<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>网站模块-图片集</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="${s.base}/js/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="${s.base}/css/base/base.css" media="all" /></head>

<body class="childrenBody">
<form class="layui-form">
	<input type="hidden" id="id" name="id" value="${webImages.id}" />
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">
			<span class="red">*</span>&nbsp;&nbsp;所属栏目</label>
		<div class="layui-input-block">
			<select class="form-control" name="colId" lay-verify="required" id="colId"></select>
		</div>
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">
			<span class="red">*</span>&nbsp;&nbsp;缩略图</label>
		<!--单图片开始-->
		<div class="layui-input-block cy-uploadpic-ctn" id="thumImage"  style=" float:left;margin:10px 0!important;position:relative; width: 90px; height: 90px;">
		</div>
		<!--单图片结束-->
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">
			<span class="red">*</span>&nbsp;&nbsp;图片内容</label>
		<!--单图片开始-->
		<div class="layui-input-block cy-uploadpic-ctn" id="imageContent"  style=" float:left;margin:10px 0!important;position:relative; width: 90px; height: 90px;">
		</div>
		<!--单图片结束-->
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">
			<span class="red"></span>&nbsp;&nbsp;名称</label>
		<div class="layui-input-block">
			<input class="layui-input" name="name" lay-verify="required" value="${webImages.name}" placeholder="请输入名称" /></div>
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">
			<span class="red"></span>&nbsp;&nbsp;描述</label>
		<div class="layui-input-block">
			<textarea class="layui-textarea" name="description" lay-verify="content" placeholder="请输入描述">${webImages.description}</textarea></div>
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">
			<span class="red">*</span>&nbsp;&nbsp;排序号</label>
		<div class="layui-input-block">
			<input type="text" class="layui-input" name="sort" value="${webImages.sort}" placeholder="请输入排序号" lay-verify="required" autocomplete="off" /></div>
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">
			<span class="red">*</span>&nbsp;&nbsp;是否展示</label>
		<div class="layui-input-block">
			<select class="form-control" name="showType" lay-verify="required" id="showType"></select>
		</div>
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">
			<span class="red"></span>&nbsp;&nbsp;seo关键字</label>
		<div class="layui-input-block">
			<input type="text" class="layui-input" name="seoKeyword" value="${webImages.seoKeyword}" placeholder="请输入seo关键字" autocomplete="off" /></div>
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<div class="layui-input-block">
			<button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="submitBtn">确定</button>
			<button type="reset" class="layui-btn layui-btn-sm layui-btn-primary cancel">取消</button></div>
	</div>
</form>
<script type="text/javascript" src="${s.base}/js/layui/layui.js"></script>
<script type="text/javascript" src="${s.base}/js/base/base.js"></script>
<script type="text/javascript">
	layui.use(['form', 'jquery', 'baseUtil', 'pageUtil','fileUtil'],
    function() {
        var form = layui.form,
            $ = layui.jquery,
            fileUtil = layui.fileUtil,
            baseUtil = layui.baseUtil,
            pageUtil = layui.pageUtil;
        //单图片上传
        fileUtil.uploadImageNoSave('thumImage',"web/images","${webImages.thumImage}");
        //单图片上传
        fileUtil.uploadImageNoSave('imageContent',"web/images","${webImages.imageContent}");

        pageUtil.initDictByUrl("/webColumnType/acceptSelect?colType=2","web_col_name",
            function(dictDataUrl) {
                pageUtil.initDict("web_col_name,base_show_type",
                    function(dictData) {
                        pageUtil.showDict($("#colId"), pageUtil.aceeptDictContentList(dictDataUrl, "web_col_name"), "", '${webImages.colId}');
                        pageUtil.showDict($("#showType"), pageUtil.aceeptDictContentList(dictData, "base_show_type"), "", '${webImages.showType}');
                    });
            });

        form.on('submit(submitBtn)',
            function(data) {
                baseUtil.postMethodResult("/webImages/addOrUpdate", data.field,
                    function(result) {
                        parent.location.reload();
                    });
                return false;
            });
    });</script>
</body>

</html>